<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>这是复习css的几种写法的网页</title>
		<style type="text/css">
			/* 1.标签名 2..class的值 3.#id值 4.标签名[属性名=属性值] 5.组合选择器  */
			div {
				background-color: #FF0000;
				font-size: 30px;
				font-family: "黑体";
			}

			.class,input[type="text"] {
				background-color: orange;
				text-align: center;
			}

			#id {
				background-color: yellow;
				font-size: 50px;
				font-family: "幼圆"
			}
			
		</style>
	</head>
	<body>
		<!-- div p span 标签 ，css的几种写法 -->
		<div>DIV1 标签选择器</div>
		<div style="color: #FAEBD7;">DIV2 style</div>
		<div class="class">DIV3 class选择器</div>
		<div id="id">DIV4 id选择器</div>
		<p>
			<span>
				span1
			</span>
			<span>
				span2
			</span>
			<span>
				span3
			</span>
		</p>
		<p>p2</p>
		<p>p3</p>
		<input type="text" name="text1"placeholder="pla"value="val" />

	</body>
</html>
